export default function extractPairedTags(html) {
  let result = []
  let tempDiv = document.createElement('div')
  tempDiv.innerHTML = html

  // 递归函数，用于提取成对的标签
  function extract(element) {
    const tagName = element.tagName.toLowerCase() // 获取标签名并转换为小写

    if (tagName === 'img') {
      // 如果元素是<img>标签，则创建一个新的带有样式的img元素
      const newImg = element.cloneNode(true) // 复制img元素，包括属性
      newImg.style.width = '500px' // 设置宽度

      // 注意：我们不能直接修改result中的字符串，但可以存储修改后的元素或HTML
      // 这里我们仅打印出修改后的HTML以作演示
      console.log(newImg.outerHTML) // 打印带有新样式的img元素的HTML

      // 如果你需要将修改后的HTML存储起来，可以这样做：
      result.push(newImg.outerHTML);
    } else if (element.children.length > 0) {
      // 如果元素有子元素，则递归处理
      for (let i = 0; i < element.children.length; i++) {
        extract(element.children[i])
      }
    } else {
      // 如果元素没有子元素，则将其添加到结果中（尽管对于非<img>标签可能不是必需的）
      result.push(element.outerHTML)
    }
  }

  // 开始从tempDiv中提取标签
  extract(tempDiv)

  // 如果需要返回修改后的HTML数组（仅针对<img>标签），请取消注释以下行
  // 并在递归函数中取消注释result.push(newImg.outerHTML);
  // return result.filter(html => html.includes('<img')); // 这只是一个示例过滤，可能不准确

  // 默认情况下，我们不返回结果，因为只打印了<img>标签的HTML
  return result // 这里返回的是非<img>标签的HTML数组（如果有的话）
}
